<template>
	<div class="doc_pc_components_ResizeObserver">
		<ResizeObserver
			v-slot="data"
			class="doc-ResizeObserver"
			@resize="resize"
		>
			{{data}}
		</ResizeObserver>
	</div>
</template>

<script setup>
import {ResizeObserver} from 'powerful-ui/pc-default';

function resize(data){
	console.log('大小变化',data);
}
</script>

<style lang="scss">
.doc_pc_components_ResizeObserver{
	.doc-ResizeObserver{
		height:30vh;
		margin:20px;
		border:1px solid;
	}
}
</style>